<template>
  <el-slider
      v-model="formData[formData.valueName]"
      :disabled="formStatus === 'info'"
      :step="formData.step"
      :vertical="formData.vertical"
      :show-tooltip="formData.showTooltip" />
</template>

<script setup name="sliderBox">
const props = defineProps({
  formData: {
    type: Object,
    default: () => {},
    required: true
  },
  formStatus: {
    type: String,
    default: 'edit'
  }
})
</script>

<style scoped lang="scss">

</style>
